<?php $this->headTitle('Trang chủ')?>

<div class="flex-container">
	<div class="slider-top"></div>
	<div class="flexslider">
		<ul class="slides">
			<li><img
				src="<?php echo $this->baseUrl().'/public/template/default/';?>images/slides/slide1.jpg"
				alt=""></li>
			<li><img
				src="<?php echo $this->baseUrl().'/public/template/default/';?>images/slides/slide2.jpg"
				alt=""></li>
		</ul>
	</div>
	<div class="slider-bottom"></div>
</div>
<script type="text/javascript">
                $(window).load(function() {
                    $('.flexslider').flexslider();
                });
            </script>

<?php
echo $this->partial('view.helper/grid.phtml', 
        array(
                'title' => "Sản phẩm bé trai",
                'products' => $this->boys
        ));
echo $this->partial('view.helper/grid.phtml', 
        array(
                'title' => "Sản phẩm bé gái",
                'products' => $this->girls
        ));
?>

<div id="carousel" class="es-carousel-wrapper">
	<div class="es-carousel">
		<ul>
			<li><a href="#"><img src="os/brand1.jpg" alt="Brand"></a></li>
			<li><a href="#"><img src="os/brand2.jpg" alt="Brand"></a></li>
			<li><a href="#"><img src="os/brand3.jpg" alt="Brand"></a></li>
			<li><a href="#"><img src="os/brand4.jpg" alt="Brand"></a></li>
			<li><a href="#"><img src="os/brand5.jpg" alt="Brand"></a></li>
			<li><a href="#"><img src="os/brand6.jpg" alt="Brand"></a></li>
			<li><a href="#"><img src="os/brand7.jpg" alt="Brand"></a></li>
		</ul>
	</div>
</div>
<script type="text/javascript">
                $('#carousel').elastislide({
                    imageW: 120,
                    margin: 20,
                    minItems: 1
                });
            </script>
